.text-primary

.text-secondary

.text-success

.text-danger

.text-warning

.text-info

.text-light

.text-dark

.text-body

.text-muted

.text-white

.text-black-50

.text-white-50

Texto com Link

Primary link

Secondary link

Success link

Danger link

.bg-primary

.bg-secondary

.bg-success

.bg-danger

.bg-warning

.bg-info

.bg-light

.bg-dark

.bg-white

.bg-transparent

Gradientes de fundo Quando a variável $enable-gradients está definida com valor “true”, as variantes do utilitário .bg-gradient poderão ser utilizadas. Por padrão, $enable-gradients está definida com “false” e o exemplo abaixo está, intencionalmente, quebrado. Isso é para fácil customização, assim que você começa a usar o Bootstrap.

.bg-gradient-primary

.bg-gradient-secondary

.bg-gradient-success

.bg-gradient-danger

.bg-gradient-warning

.bg-gradient-info

.bg-gradient-light

.bg-gradient-dark

Dimensionamento

Largura de 25%

Largura de 50%

Largura de 75%

Largura de 100%

Largura automática

Centralização horizontal

Elemento centralizado